
/** Popup Icon **/


body .popup.info {
    background-image: url("img/popup_info.gif");
}

body .popup.important {
    background-image: url("img/popup_important.gif");
    min-width: 16px;
    min-height: 16px;
}

body .popup.description {
    background-image: url("img/popup_description.gif");
    width: 14px;
    height: 14px;
    float: left;
}


.pending {
    opacity: 0.5;
}

/** Page Layout **/

section, div.section {
    border: thick groove darkorange;

    /* padding: 12px; */
    margin: 6px;
}

.header {
    background: url("img/header1.jpg") no-repeat center;
    /* width: 1024px; */
    height: 195px;
    padding: 1em;
}


.footer {
    height: 35px;
    background-color: red;
}

.footer div.logos {
    /* background: #eee url("img/footer.jpg") no-repeat; */
    display: inline-block;
}

section.content {
    /* display: inline-block; */  
    /* min-width: 978px; */
    min-height: 30em;
    /* margin: auto; */
    /* padding-top: 0.5em; */
}


h1, h2, h3, h4, h5, h6 {
    /* margin-top: 0; */
    /* margin: 0.5em; */
}

/** Path Bar **/

.pathbar {
    margin: 1em 0;

}

/** Nav Bar **/


.navbar {
    float: left;
    /* max-width: 14em; */
    /* display: inline-block; */
    padding: 0;
    margin: 0 1em 0 0;
    border: groove #D70;
    border-width: 0 3px 3px 0;
}

.navbar a:hover {
    background-color: #ccc;
}

.navbar .navbar-title {
    font-size: 1em;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: inline-block;
}

.navbar .no-login a.login-only,
.navbar .login-only a.no-login {
    display: none;
}

.navbar a {
    background: url("img/button.jpg") left;
    background-size: cover;

    color: #000000;
    border-width: 3px;
    border-color: rgb(210, 210, 210);
    border-style: outset;
    /* box-shadow: inset 1px 1px 1px #CB7130; */

    font-family: monospace;
    font-weight: bold;

    display: block;

    /* font-size: 19px; */
    width: 120px;
    height: 30px;

    font-size: 13px;
    padding-top: 17px;

    text-decoration: none;
    text-align: center;
    margin: 15px;
}

.navbar a:visited {
    color: #333;
}

.navbar a:hover {
    background-image: url("img/buttonpress.jpg");
    font-style: italic;

/*     box-shadow: inset 1px 1px 1px #666; */
}

.navbar a.focus {
    border-color: #FFBC0D;
    border-style: inset;
}

.navbar a + a {
    margin-top: 1em;
}

/** Tables **/

thead th,
tbody th,
tr:hover {
    background: #567;
    color: #CCC;
}


/** Body **/

body {

  max-width: 1000px;
  

  color: #FFF;

  margin: 0 auto;
  

  background-color: #000;
    font-family: monospace;
    /** margin: 0 0 0 0; **/
}

/** Page **/

section.centered form {
    text-align: center;
}

section.centered form * {
    text-align: left;
}


a { color: #3A80FF; }
a:visited { color: #99B; }

/** Form **/

form {
    font-kerning: initial;
}

form > legend,
fieldset > legend {
    padding: 0 3pt;
    /* margin-bottom: .5em; */
    font-weight: bold;
}

form > legend {
    font-size: 1.5em;
    margin-bottom: 1em;
}

fieldset {
    border-radius: 4px;
    border: 5pt ridge #EFEFEF;
    margin: 1em 1em 1em 1em;
    vertical-align: top;
}

fieldset.inline {
    display: inline-block;
    /* position: relative; */
}

fieldset.float {
    float: right;
}

/*form * + label {*/
     /*margin-top: 10pt;*/
/*}*/


form button {
    cursor: pointer;
    /* background: url("img/buttongreen.jpg") left; */
}

.input {
    border: 1px #708B20;
    border-style: outset;
    padding: 5pt 5pt;
    border-radius: 4pt;
    /* font-family: monospace; */
    /* font-size: medium; */
    font-weight: bold;
    /* color: white; */
}

.input.small {
    padding: 2pt 2pt;
    border-radius: 2pt;
}

.input.transparent {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

form input[type="checkbox"],
form input[type="range"] {
    /*width: 2em;*/
    height: 2.5em;
    margin: 0;
    vertical-align: bottom;
    /*box-shadow: inset 1em 1em 1em #ddd;*/
}

/*form textarea {*/
    /*height: 150pt;*/
    /*width: 450pt;*/
/*}*/

/** Focus container **/

.highlight {
    font-size: 1em;
    color: #945214;
    font-weight: bold;
    text-decoration: wavy;
    border-color: #ed47f4;
}

/*form.focus {*/
    /*background-color: #DDD;*/
    /*opacity: 0.8;*/

    /*margin: -0.5em;*/
    /*padding: 0.5em;*/

    /*border-radius: 0.5em;*/
    /*color: #AAA;*/
/*}*/


/*form.focus input,*/
/*form.focus textarea,*/
/*form.focus button {*/
    /*opacity: 0.2;*/

/*}*/

/*form.focus div.focus,*/
/*form.focus input.focus,*/
/*form.focus textarea.focus,*/
/*form.focus button.focus  {*/
    /*opacity: 1;*/
    /*font-weight: bold;*/
/*}*/

/** Tables **/

table {
    /*border-collapse: collapse;*/

    border-spacing: 0;
    border-radius: 4px;
    border: 2pt solid #ccc;
    /*margin: 0 0.2em 0.5em 0;*/
    vertical-align: top;
    margin: 0.5em;
    /*padding: 0.5em;*/
}

th, td {
    padding: 0.25rem;
    border: 1px solid #ccc;
}

td a
th a {
    text-decoration: none;
}

th a {
    color: #CCC;
}

th,
tr:hover {
    background: #666;
    color: #CCC;
}
td:hover {
    background: #ccc;
    color: #666;
}

tr.highlight {
    background: #599;
}

td a:hover {
    text-decoration: underline;
}



/** Data **/


dl, ul, ol
{
    display: block;

    /*float: left;*/
    /*width: 648px;*/
    margin: 5pt;
    padding: 0 8pt 4pt 0;

    /*border-radius: 8pt;*/
    /*border: 2pt solid #ccc;*/

    min-width: 30pt;
}

dd > a {
    text-decoration: none;
}

dl > dt
{
    white-space: nowrap;

    float: left;
    width: 10em;
    margin: 0 15px 0 0;
    /* text-align: right; */
    font-weight: bold;
    color: #FFF;

    padding: 2pt 0 0;
}

dl > dd
{
    /*white-space: pre-line;*/
    /*white-space: nowrap;*/
    /*overflow-x: hidden;*/
    overflow-y: hidden;

    margin: 0 0 0 70pt;
    padding: 3pt 0 0;

    min-height: 12pt;
}

ul > li
{
    list-style-type: none;
}

/*dd dl.closed > :not(.stay-open) {*/
/*display: none;*/
/*}*/

